<template>
  <div id="HtmlInput">
    <input :value="value" @input="input" type="text" class="text">
  </div>
</template>
<script>
export default {
  props: {
    value: {
      default: undefined
    }
  },
  methods: {
    // 实现v-modle的功能
    input(e) {
      this.$emit('input', e.target.value)
    }
  }
}
</script>
<style lang="scss" scoped>
#HtmlInput {
  .text {
    width: 100%;
    height: 50px;
    border: 1px solid black;
  }
}
</style>
